<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>药</title>
    <script src="../js/jquery-2.1.4.min.js"></script>
    <script src="../js/mui.min.js"></script>
    <link href="../css/mui.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="../css/cw.css"/>
    <script src="../js/global.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript" src="../js/public.js" ></script>
    <script type="text/javascript" src="../js/app/jk-medicine-list.js" ></script>
    <script type="text/javascript" charset="UTF-8">
      	mui.init();
    </script>
    <style type="text/css">
	 	.mui-search .mui-placeholder{background:white;border-radius:2px;}
	 	.mui-bar input[type=search]{margin:0px;height:35px;}
		/*跨webview需要手动指定位置*/
	 	.mui-popover {height:300px;}
	 	.search{-webkit-user-select:text}
		.mui-col-xs-4 .iconfont{position:absolute;top:9px;-webkit-transform: rotate(-180deg);-moz-transform: rotate(-180deg);}	
		.mui-placeholder span{margin: 0px;padding: 0px;line-height: 10px;}
    </style>
</head>
<body >
	<header id="header" class="mui-bar mui-bar-nav">
		<i class="mui-icon mui-icon-back mui-action-back"></i>
		<div class="medicine-search">
			<div class="mui-input-row mui-search ">
				<input type="search" contenteditable="true"  class="search" placeholder="搜索">
			</div>			
		</div>
	</header> 
	<div id="content" class="mui-content background"></div>
		
		<div class="overflow-h medicine-list-3">			
			<div class="mui-col-xs-4">
				<a href="#top-1" class="color-000 ">
				<span>味性</span>
				<span class="iconfont">&#xe638;</span>
				</a>
			</div>		
			<div class="mui-col-xs-4">
				<a href="#top-2" class="color-000">
				<span>功效</span>
				<span class="iconfont">&#xe638;</span>
				</a> 
			</div>
			<div class="mui-col-xs-4">
				<a href="#top-3" class="color-000">
				<span>三品</span>
				<span class="iconfont">&#xe638;</span>
				</a>
			</div>	
		</div>
		<div class="medicine">
			
		</div>
	<!--左上角弹出菜单-->
		<div id="top-1" class="mui-popover">
			<div class="mui-popover-arrow"></div>
			<div class="mui-scroll-wrapper">
				<div class="mui-scroll">
					<ul class="mui-table-view comedies">
					</ul>
				</div>
			</div>
		</div>
		<!--中间弹出菜单-->
		<div id="top-2" class="mui-popover">
			<div class="mui-popover-arrow"></div>
			<div class="mui-scroll-wrapper">
				<div class="mui-scroll">
					<ul class="mui-table-view effect">
					</ul>
				</div>
			</div>
		</div>
		<!--右上角弹出菜单-->
		<div id="top-3" class="mui-popover">
			<div class="mui-popover-arrow"></div>
			<div class="mui-scroll-wrapper">
				<div class="mui-scroll">
					<ul class="mui-table-view attributes">
					</ul>
				</div>
			</div>
		</div>
	
</body>
	
	<script type="text/javascript">
	mui('.mui-scroll-wrapper').scroll();
	</script>
</html>